<template>
    <!--环保水质情况右侧-->
    <div class="green_water_quality_SiderRight">
        <common-border-large width="100%" height="100%" text="固废监测">
            <!--今日生产量-->
            <CustomGreenInitiativeCommonTotalNumber
                :total-list="state.totalList"
            ></CustomGreenInitiativeCommonTotalNumber>
            <!--近7日固废产生量-->
            <CustomGreenWaterQualitySiderRightWasteDischarge></CustomGreenWaterQualitySiderRightWasteDischarge>
            <!--监控信息-->
            <CustomGreenWaterQualitySiderRightWasteTimeLine></CustomGreenWaterQualitySiderRightWasteTimeLine>
        </common-border-large>
    </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue';

const state = reactive({
    /** 今日生产量 */
    totalList: {
        name: '今日生产量',
        numList: '120',
        unit: 'm³'
    }
});
</script>

<style scoped lang="scss">
.green_water_quality_SiderRight {
    height: 100%;
    .loading_zone_quantity {
        margin-top: 10px;
    }
}
</style>
